<div id="AppHome">
    <div class="app-banner">
        <carousel interval="myInterval">
            <slide ng-repeat="slide in slides" active="slide.active">
                <img ng-src="{{slide.image}}" style="margin:auto;">
                <div class="carousel-caption">
                    <p>{{slide.text}}</p>
                </div>
            </slide>
        </carousel>
    </div>
    <div class="AppsList container" ng-repeat="item in AppTypeList">
        <div class="app-title">
            <span>{{item.appTypeName}}</span>
            <a ng-if="isTenantManager" ui-sref="TenantManager.App.Type({'id':item.id})" class="pull-right text-muted">更多</a>
            <a ng-if="!isTenantManager" ui-sref="CloudPlatform.App.Type({'id':item.id})" class="pull-right text-muted">更多</a>
        </div>
        <div class="slide-wrap">
            <ul class="list-unstyled row">
                <li class="col-sm-4 col-lg-4 col-md-4" ng-repeat="app in AppsList | filter:{appTypeId:item.id}">
                    <div class="media" ng-click="goAppDetail(app.id)">
                        <div class="media-left" style="padding-right: 22px">
                            <img class="media-object" src="src/imgs/img-fail.png" lazy-src="{{imgApi+app.icon}}"  onerror="javascript:this.src='src/imgs/img-fail.png';" alt="图标" width="72" height="72" style="border-radius: 4px">
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading" style="font-size: 20px;margin-bottom: 1px">{{app.appName}}</h4>
                            <div>
                                <stars ng-init="value=app.starNumber" rating-value="value" max="max" on-hover="onHover" on-leave="onLeave" readonly='false'></stars>
                                <span>{{app.userNumber}}人使用</span>
                            </div>
                            <div>
                                <i class="label" ng-class="{'1': 'label-danger', '0':'label-success'}[app.price?'1':'0']">{{app.price?"付费":"免费"}}</i>
                                <sapn class="text-muted small">{{app.companyName}}</sapn>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
